//客户端显示留言页面的请求
// 创建请求对象
var showxhr = new XMLHttpRequest();
// 设置请求参数
showxhr.open('get','/showmessages',true);
// 监听服务器状态
showxhr.onreadystatechange = function(){
    //响应已经完成
    if(showxhr.readyState == 4){
        if(showxhr.status == 200){
            //留言内容
            var messages = JSON.parse(showxhr.responseText);
            alert(messages.length);
            // 如何让这些内容以网页元素形式显示在页面中？
            // 1、解析出来需要的数据，content对应的值，很多值
            var finalUIMessage = '';
            for(var i=0;i<messages.length;i++){
                // 取得数组中的每一个json对象，对象.key取得对应的value
                // messages[i].content 
                // 2、js创建元素（或者是直接以字符串拼接的形式，将标签与内容拼接起来），然后显示  
                // 字符串拼接，最终拼接成一个元素内容
                finalUIMessage += "<p style='color:orange'>";
                finalUIMessage +=  messages[i].content ;//留言文本内容
                finalUIMessage += '</p>';
                // 将元素内容设置到article中
                document.getElementsByTagName('article')[0].innerHTML = finalUIMessage;
            }
        }
    }
}
// 发送请求
showxhr.send();
